<template>
    <div>
        <top-label v-model="index">
            <span :slot="0">应急预案</span>
            <span :slot="1">应急物资管理</span>
            <span :slot="2">应急处置示范</span>
            <span :slot="3">应急演练</span>
        </top-label>
        <el-row>
            <keep-alive>
                <emergency-plan v-if="index===0"></emergency-plan>
                <emergency-material-management v-if="index===1"></emergency-material-management>
                <demonstration-emergency-response v-if="index===2"></demonstration-emergency-response>
                <emergency-drill v-if="index===3"></emergency-drill>
            </keep-alive>
        </el-row>
    </div>
</template>

<script>
import TopLabel from "~/components/TopLabel";
import DemonstrationEmergencyResponse
    from "~/views/safety-management/emergency-management/DemonstrationEmergencyResponse";
import EmergencyPlan from "~/views/safety-management/emergency-management/EmergencyPlan";
import EmergencyDrill from "~/views/safety-management/emergency-management/EmergencyDrill";
import EmergencyMaterialManagement from "~/views/safety-management/emergency-management/EmergencyMaterialManagement";
export default {
    name: "EmergencyManagement",
    components: {EmergencyDrill, EmergencyPlan, DemonstrationEmergencyResponse, TopLabel ,EmergencyMaterialManagement},
    data(){
        return{
            index:0
        }
    }
}
</script>

<style scoped>

</style>
